page,
user-popup {
    background-image: linear-gradient(0deg, #fbfbfb 0%, #ffffff 48%, #bfe6ec 100%);
    box-shadow: 5rpx -30rpx 85rpx 0rpx rgba(226, 231, 236, 0.07);
    height: 100%;
}
page{
	width: 100%;
}
.my-top {
    position: relative;
}
.user-title {
    position: absolute;
    top: 100rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
    padding: 50rpx 0 20rpx 0;
    color: #292d39;
    width: 100%;
}

.user-title-right {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.setting-icon {
    /* margin-right: 20rpx; */
    /* background: rgba(255,255,255,0.50); */
    height: 65rpx;
    width: 180rpx;
    border-top-left-radius: 35rpx;
    border-bottom-left-radius: 35rpx;
    margin-top: 12rpx;
    box-sizing: border-box;
    display: flex;
}
.setting-icon image {
    width: 26rpx;
    height: 26rpx;
    margin-right: 20rpx;
}
.edit-box {
    height: 24rpx;
    line-height: 24rpx;
    font-size: 24rpx;
    color: #ffffff;
}
.setting-qd-comm {
    width: 180rpx;
    height: 70rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18rpx;
}

.setting-qd-comm .qd-icon {
    width: 39rpx;
    height: 40rpx;
    margin-right: 12rpx;
}
/* 未签到 */
.setting-qd {
    opacity: 0.8;
    background: #ffffff;
    border-radius: 35rpx;
}
.setting-qd .qd-box .tody-qd {
    font-family: SourceHanSansCN-Medium;
    font-size: 24rpx;
    color: #00bcab;
}
.setting-qd .qd-box .tody-jf {
    font-family: SourceHanSansCN-Normal;
    font-size: 18rpx;
    color: #e12102;
}
/* 已经签到 */
.setting-complete-complete-qd {
    background: rgba(237, 237, 237, 0.4);
    border-radius: 8rpx;
}
.setting-complete-complete-qd .qd-box .tody-qd {
    font-family: SourceHanSansCN-Medium;
    font-size: 24rpx;
    color: #686868;
}
.setting-complete-complete-qd .qd-box .tody-jf {
    font-family: SourceHanSansCN-Normal;
    font-size: 18rpx;
    color: #686868;
}

/* body */
.user-body {
    /* padding: 200rpx 0 0 0; */
    /* margin-left: 7rpx; */
    margin-top: 170rpx;
    /* background: #eee; */
    /* height: 895rpx; */
}

.mycard {
    border-radius: 8px;
    border-radius: 8px;
    padding: 28rpx 30rpx;
    background-image: linear-gradient(270deg, #00bcab 0%, #14d8c6 100%);
}

.user-t1 {
    font-size: 32rpx;
    color: #ffffff;
    letter-spacing: 0;
}

.user-t1-body {
    padding: 0 0 37rpx 0;
}

.user-t2-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.user-t1-item {
    width: 50%;
    margin-top: 30rpx;
}
.user-t1-body > .tr {
    text-align: right;
}
.user-t2 {
    font-size: 28rpx;
    color: #ffffff;
    letter-spacing: 0;
}
.bold {
    padding: 0 15rpx;
    font-size: 38rpx;
    color: #ffffff;
    letter-spacing: 0;
}
.card-footer-btn {
    display: flex;
    flex-direction: row;
}

.card-footer-btn > view {
    width: 50%;
}
.pay,
.tx {
    color: #ffffff;
    display: inline-block;
    text-align: center;
    line-height: 70rpx;
    width: 160rpx;
    height: 70rpx;
    border: 1rpx solid #ffffff;
    border-radius: 40rpx;
    border-radius: 40rpx;
}

.tx {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #00bcab;
}
.part1 {
    /* background: #FFFFFF; */
    box-shadow: 0rpx 7rpx 24rpx 0rpx rgba(0, 0, 0, 0.05);
    border-radius: 30rpx;
    margin: 0 20rpx;
    background: #fff;
}
.part2 {
    background: #ffffff;
    box-shadow: 0rpx 7rpx 24rpx 0rpx rgba(0, 0, 0, 0.05);
    border-radius: 30rpx;
    margin: 0 20rpx;
    margin-top: 20rpx;
}
.body-item {
    height: 100rpx;
    padding: 21rpx 35rpx 21rpx 35rpx;
    margin-top: 18rpx;
    box-sizing: border-box;
    /* background-color: #FFFFFF; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
    vertical-align: middle;
}
.body-line {
    /* width: 100%; */
    height: 1px;
    background-color: #eeeeee;
    margin-left: 20rpx;
    margin-right: 20rpx;
}
.body-item-text {
    font-size: 32rpx;
    color: #292d39;
    letter-spacing: 0;
    line-height: 0;
    padding-left: 10rpx;
}
.body-item-text button {
    font-size: 32rpx;
    color: #292d39;
    margin: 0;
    padding: 0;
    background: #ffffff;
    width: 400rpx;
    text-align: left;
}
.body-item-text button::after {
    border: none;
}
/* 登录 */
.nopark {
    margin-top: 360rpx;
    display: flex;
    justify-content: center;
}
.nopark image {
    width: 180rpx;
    height: 360rpx;
}
.text {
    font-family: SourceHanSansCN-Medium;
    font-size: 34rpx;
    color: #292d39;
    text-align: center;
    margin-top: 70rpx;
}
.btn {
    /* position: fixed;
  bottom: 350rpx; */
    width: 90%;
    height: 94rpx;
    line-height: 94rpx;
    border: 2rpx solid #00bcab;
    border-radius: 47rpx;
    text-align: center;
    margin: 35rpx;
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #ffffff;
    background-color: #00bcab;
}

/* new */
.out-btn {
    position: absolute;
    width: 100%;
    bottom: 35rpx;
    height: 94rpx;
    line-height: 94rpx;
    /* border: 2rpx solid #909090;
  border-radius: 47rpx; */
    text-align: center;
    /* margin: 35rpx; */
    font-family: SourceHanSansCN-Medium;
    font-size: 32rpx;
    color: #e12102;
    background: #ffffff;
}
.top-bg {
    width: 100%;
    height: 395rpx;
}
.top-bg image {
    width: 100%;
    height: 100%;
}
.top-col-card {
    /* width: 90%; */
    height: 200rpx;
    background-image: linear-gradient(0deg, #f5fcfb 0%, #ffffff 100%);
    box-shadow: 0rpx 7rpx 24rpx 0rpx rgba(0, 0, 0, 0.05);
    border-radius: 30rpx;
    position: absolute;
    top: 336rpx;
    margin-left: 20rpx;
    margin-right: 20rpx;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.col-img-container {
    height: 45rpx;
}
.col-item image {
    width: 54rpx;
    height: 50rpx;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.col-item-text {
    font-family: SourceHanSansCN-Regular;
    font-size: 30rpx;
    color: #292d39;
    margin-top: 16rpx;
}
.arrow-img {
    margin-right: 0;
    margin-left: auto;
}
.arrow-img image {
    width: 40rpx;
    height: 35rpx;
}
.bg-line {
    width: 100%;
    height: 18rpx;
    background: #eeeeee;
}
/* 适老化 */
.uiStyle .user-title{
	top: 16rpx;
}
.uiStyle .uilogo{
	width: 160rpx !important;
	height: 160rpx !important;
}
.uiStyle .user-title-right view:nth-child(1){
	font-size: 60rpx !important;
}
.uiStyle .user-title-right view:nth-child(2){
	font-size: 40rpx !important;
}
.uiStyle .edit-box{
	font-size: 32rpx;
}
.uiStyle .top-col-card .col-item .col-item-text{
	font-size: 46rpx;
	font-weight: bold;
	margin-top: 32rpx;
}
.uiStyle .top-col-card .col-item image{
	width: 66rpx !important;
	height: 62rpx !important;
	margin-bottom: 10rpx;
}
.uiStyle .user-body .part1 .body-item-text,.uiStyle .user-body .part2 .body-item-text{
	font-size: 48rpx;
	font-weight: bolder;
}
.uiStyle .user-body .part1 image,.uiStyle .user-body .part2 image{
	width: 60rpx !important;
	height: 60rpx !important;
}